<template >
  <table class="upsmore">
    <tr>
        <td v-for="items in tableData1">{{items.name}}</td>
    </tr>
    <tr>
        <td v-for="items in moreupper">{{items}}</td>
    </tr>
   <!--  <tr>
        <td v-for="items in tableData">{{items.name}}</td>
    </tr>
    <tr>
        <td v-for="items in morelower">{{items}}</td>
    </tr> -->
  </table>
</template>
<script>
export default {
  name:'upsmore',
  props:[
    "moreupper",
  ],
  data () {
    return {
      tableData1:[
            {
              name:"输入电压(V)"
            },
            {
              name:"输出电压(V)"
            },
            {
              name:"输出电流(A)"
            }
        ],
    // tableData:[
    //         {
    //           name:"输出电流A相",
    //           value:12
    //         },
    //         {
    //           name:"输出电流B相",
    //           value:12
    //         },
    //         {
    //           name:"输出电流C相",
    //           value:12
    //         },
    //     ]
    }
  },
  methods: {
  }
}
</script>
<style >
.upsmore{
  width: 100%;
  border-top:1px solid #ebeef5;
  border-left:1px solid #ebeef5;
  border-radius: 5px;
}
.upsmore tr td{
  text-align: center;
  border-bottom: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;
}
</style>